﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Web截屏控件2演示界面</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="zyCapture/skygqbox.css" />
    <script type="text/javascript" src="zyCapture/jquery-1.4.min.js"></script>
    <script type="text/javascript" src="zyCapture/json2.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="xheditor-1.1.13/xheditor-1.1.13-zh-cn.min.js"></script>
    <script type="text/javascript" src="zyCapture/skygqbox.js"></script>
    <script type="text/javascript" src="zyCapture/scp.js" charset="utf-8"></script>
    <style type="text/css">
        .zycapture {
            background: transparent url(zyCapture/scp.png) no-repeat;
            background-position: 3px 2px;
        }
    </style>
</head>
<body>
    <p>泽优全平台截屏解决方案(zyCapture)</p>
    <textarea id="txtContent" name="txtContent" rows="12" cols="80" style="width:860px;height:180px;">此示例演示与xhEditor编辑器整合的功能</textarea>
    <div id="scpPanel"></div>    
	<script type="text/javascript" language="javascript">
        //根路径：http://localhost/api/scp/
        var pos = window.location.href.lastIndexOf("/");
        var api = [
            window.location.href.substr(0, pos + 1),
            "upload.aspx"
        ].join("");

		var editor;
		$(pageInit);
		function pageInit()
		{
		    var allPlugin = {
		        zycapture: { c: 'zycapture', t: '截屏', e: function () { scpMgr.Capture(); } }
		    };
		    editor = $('#txtContent').xheditor({ plugins: allPlugin, tools: 'zycapture,Source,Fullscreen,About' });		    
        }

        var scpMgr = zyCapture.getInstance({
            config: {
                PostUrl: api,
                Cookie: 'ASP.NET_SessionId=<%=Session.SessionID%>',
                Fields: { uname: "test" }
            },
            event: {
                hotKey: function () {
                    setTimeout(function () {
                        scpMgr.Capture2();
                    }, 100);
                },
                postComplete: function (url) {
                    var img = '<img src="' + url + "?t=" + new Date().getTime() + '"/>';
                    editor.appendHTML(img);
                }
            }            
        });
	</script>
</body>
</html>